/* CSS Document */ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img,
strong, ol, ul, li {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
}

body { width:100%; background:white;}
.index { width:100%; height:auto; float:left;}


.topHead { width:100%; height:30px; float:left; background:url(../images/bg-topHead.jpg) repeat-x;}
.in-topHead { width:1000px; height:30px; margin:0 auto;}
.menu-topHead { width:auto; height:30px; float:right;}
.menu-topHead > ul { list-style:none;}
.menu-topHead > ul > li { float:left; position:relative; background:url(../images/icon-2.jpg) no-repeat top left; padding-left:2px;}
.menu-topHead > ul > li.first { background:none; padding:0;}
.menu-topHead > ul > li > a { display:block; padding:0 20px;}
.menu-topHead > ul > li:hover > a { background:url(../images/menu-topHead.jpg) repeat-x;}
.menu-topHead > ul > li > a > span { display:block; line-height:30px; color:white;}
.menu-topHead > ul > li > ul { display:none; list-style:none; background:#0042a1; position:absolute; top:30px; left:2px; box-shadow:2px 2px 2px #ddd;}
.menu-topHead > ul > li:hover > ul { display:block; padding:3px 0;}
.menu-topHead > ul > li > ul > li { width:135px; height:auto; border-top:1px solid #0c53b8; border-bottom:1px solid #00327b; background:url(../images/icon-1.png) no-repeat top left;}
.menu-topHead > ul > li > ul > li > a { width:95px; height:auto; padding:3px 10px 3px 30px; display:block; color:white;}
.menu-topHead > ul > li > ul > li > a:hover { text-decoration:underline;}


.indexCont { width:100%; background:url(../images/bg-indexCont.jpg) repeat-x top; float:left;}
.inCont { width:1000px; height:auto; margin:0 auto;}


.header { width:1000px; height:132px; float:left; background:url(../images/bg-header.jpg) no-repeat top left;}
.logo { float:left; margin:7px 0;}
.title { float:left; margin:20px 40px;}
.icon-3 { float:right; margin-top:10px;}


.menuTop { width:1000px; height:41px; float:left; background:url(../images/bg-menuTop.png) no-repeat;}
.menuTop > ul { list-style:none;}
.menuTop > ul > li { float:left; padding-left:20px; position:relative; z-index:1000; margin-right:1px;}
.menuTop > ul > li > a { display:block; float:left; padding-right:20px; /*background:url(../images/menu-xanh-1.png) no-repeat top right;*/}
.menuTop > ul > li > a > span { color:white; text-transform:uppercase; display:block; line-height:41px; font-weight:bold; /*background:url(../images/menu-xanh-2.png) no-repeat top right;*/}
.menuTop > ul > li:hover, .menuTop > ul > li.active { background:url(../images/menu-do-1.png) no-repeat top left;}
.menuTop > ul > li:hover > a, .menuTop > ul > li.active > a { background:url(../images/menu-do-2.png) no-repeat top right;}
.menuTop > ul > li:hover > a > span, .menuTop > ul > li.active > a > span { background:url(../images/menu-do-3.png) repeat-x;}
.menuTop > ul > li > ul { display:none; list-style:none; position:absolute; top:41px; left:0; background:#0f4a87; width:190px; border-right:1px solid #175ca3;}
.menuTop > ul > li:hover > ul { display:block; box-shadow:3px 3px 3px #999;}
.menuTop > ul > li > ul > li { width:190px; height:auto; float:left; position:relative; border-top:1px solid #175ca3; border-bottom:1px solid #003264; padding:5px 0px;}
.menuTop > ul > li > ul > li > a { color:white; padding-left:10px;}
.menuTop > ul > li > ul > li:hover { background:#1561b0;}
.menuTop > ul > li > ul > li > ul { display:none; list-style:none; position:absolute; top:-1px; left:190px; background:#1561b0; width:190px; border-left:1px solid #114c8a;}
.menuTop > ul > li > ul > li:hover > ul { display:block; box-shadow:3px 3px 3px #999;}
.menuTop > ul > li > ul > li > ul > li { width:170px; height:auto; float:left; border-top:1px solid #1d74ce; border-bottom:1px solid #114c8a; padding:5px 10px;}
.menuTop > ul > li > ul > li > ul > li > a { color:white; padding-left:10px;}
.menuTop > ul > li > ul > li > ul > li > a:hover { text-decoration:underline;}


.menuPhu { width:1000px; height:37px; float:left; background:url(../images/bg-menuPhu.png) no-repeat;}
.search { float:left;}
.search-1 { width:115px; height:22px; float:left; position:relative; z-index:999; border:1px solid #999; left:10px; top:8px;}
.search-1 > ul.tip1 { list-style:none;}
.search-1 > ul.tip1 > li { background:white; height:22px;}
.search-1 > ul.tip1 > li > a { color:#666; display:block; line-height:22px; text-align:center;}
.search-1 > ul.tip1 > li > ul.tip2 { list-style:none; width:300px; height:auto; float:left; background:white; border:#999 solid 1px; padding-bottom:10px; position:absolute; top:22px; left:-1px;}
.search-1 > ul.tip1 > li > ul.tip2 > li { width:280px; height:auto; float:left; margin:10px 0 0 10px;}
.search-1 > ul.tip1 > li > ul.tip2 > li > p { width:100px; height:auto; float:left; line-height:22px;}
.search-1 > ul.tip1 > li > ul.tip2 > li > span { width:180px; float:right;}
.menuOff { float:right; height:24px; margin:8px 5px 0 0;}
.menuOff > ul { list-style:none;}
.menuOff > ul > li { float:left; height:24px; padding-left:30px; margin-left:10px;}
.menuOff > ul > li > a { display:block; padding-right:7px; background:url(../images/menuPhu-2.png) no-repeat top right;}
.menuOff > ul > li > a > span { display:block; line-height:24px; padding:0 10px; background:url(../images/menuPhu-1.png) repeat-x;}
.menuOff > ul > li.dkMenu { background:url(../images/dkMenu.png) no-repeat top left;}
.menuOff > ul > li.dnMenu { background:url(../images/dnMenu.png) no-repeat top left;}
.menuOff > ul > li.ghMenu { background:url(../images/ghMenu.png) no-repeat top left;}


.banner { float:left; width:998px; height:290px; margin-top:5px; border:1px solid #687e8d;}
#zalen { width:998px; height:290px; float:left; position:relative;}
.bo-1 { width:9px; height:9px; position:absolute; top:-1px; left:-1px; background:url(../images/bo-1.png) no-repeat; z-index:1000;}
.bo-2 { width:9px; height:9px; position:absolute; top:-1px; right:-1px; background:url(../images/bo-2.png) no-repeat; z-index:1000;}
.bo-3 { width:9px; height:9px; position:absolute; bottom:-1px; right:-1px; background:url(../images/bo-3.png) no-repeat; z-index:1000;}
.bo-4 { width:9px; height:9px; position:absolute; bottom:-1px; left:-1px; background:url(../images/bo-4.png) no-repeat; z-index:1000;}


.content { width:1000px; height:auto; float:left;}


.leftCont { width:760px; float:left;}
.boxpro { width:760px; height:auto; float:left; margin-top:10px;}
.tt-boxpro { width:760px; height:30px; float:left; background:url(../images/tt-boxpro.jpg) no-repeat;}
.tt-boxpro > ul { list-style:none;}
.tt-boxpro > ul > li.tt-left { width:500px; height:30px; float:left; text-align:left;}
.tt-boxpro > ul > li.tt-left > p { font-weight:bold; color:#012e49; line-height:31px; display:block; padding-left:50px;}
.tt-boxpro > ul > li.tt-right { width:100px; height:30px; float:right; padding-right:20px; background:blue; background:url(../images/icon-7.png) no-repeat top right;}
.tt-boxpro > ul > li.tt-right > a { color:#012e49; text-align:right; line-height:30px; display:block; padding-right:10px;}
.cc-boxpro { width:758px; height:auto; float:left; background:#f9f9f9; border:1px solid #ddd; padding-bottom:10px; margin-top:3px;}
.boxsp { width:175px; height:270px; border:1px solid #ddd; margin:10px 0 0 10px; float:left; position:relative; background:white;}
.boxsp > ul { list-style:none;}
.boxsp > ul > li { margin:5px 5px 0 5px; float:left;}
.boxsp > ul > li.pic { width:165px; height:140px; float:left;}

.tt-boxpro-1 { width:760px; height:30px; float:left; background:url(../images/tt-boxpro.jpg) no-repeat;}
.tt-boxpro-1 > ul { list-style:none;}
.tt-boxpro-1 > ul > li.tt-left-1 { float:left; background:url(../images/icon-100.png) no-repeat top left;}
.tt-boxpro-1 > ul > li.tt-left-1 > a { font-weight:bold; color:#012e49; line-height:31px; display:block; padding-left:20px;}

.pic-1 { width:165px; height:140px; display:table; text-align: center; vertical-align: middle; background:white; float:left;}
.pic-1 img { max-width:145px; max-height:120px; display:table-cell; vertical-align: middle;}
.pic_1 { width:165px; height:140px; text-align: center; vertical-align: middle;}
.pic_1 img { margin:0 auto; max-width:145px; max-height:120px;}

.boxsp > ul > li.tit { width:165px; height:auto; float:left;}
.boxsp > ul > li.tit > a { color:#333; display:block; text-align:center;}
.boxsp > ul > li.tit:hover > a { text-decoration:underline;}
.boxsp > ul > li.gic { width:165px; height:auto; float:left;}
.boxsp > ul > li.gic > p { color:#666; text-decoration:line-through; text-align:center; display:block;}
.boxsp > ul > li.gim { width:165px; height:auto; float:left;}
.boxsp > ul > li.gim > p { color:#F00; font-weight:bold; text-align:center; display:block;}
.boxsp > ul > li.nut { width:165px; height:auto; float:left; margin-top:15px;}
.boxsp > ul > li.nut > ul { list-style:none;}
.boxsp > ul > li.nut > ul > li { float:left;}
.boxsp > ul > li.nut > ul > li.mua { width:57px; height:29px; float:left; background:url(../images/bg-mua.png) no-repeat; margin-left:21px;}
.boxsp > ul > li.nut > ul > li.mua > form > a { color:white; text-align:right; padding-right:10px; display:block; line-height:21px;}
.boxsp > ul > li.nut > ul > li.chi { width:66px; height:29px; float:left; background:url(../images/bg-chi.png) no-repeat;}
.boxsp > ul > li.nut > ul > li.chi > a { color:white; text-align:left; padding-left:10px; display:block; line-height:21px;}

.sale { width:74px; height:23px; position:absolute; top:0px; left:0px; background:url(../images/icon-sale.png) no-repeat;}
.sale > p { color:white; float:left; margin:6px 0 0 44px; font-weight:bold;}
.new { width:35px; height:15px; position:absolute; top:10px; left:10px; background:url(../images/icon-new.png) no-repeat;}


.rightCont { width:230px; float:left; margin-left:10px;}
.boxRight { width:230px; height:auto; float:left; margin-top:10px;}
.tt-boxRight { width:230px; height:30px; float:left; background:url(../images/tt-boxRight.jpg) no-repeat;}
.tt-boxRight > p { font-weight:bold; color:#012e49; display:block; line-height:30px; padding-left:60px;}

.cc-boxRight { width:228px; float:left; background:#f9f9f9; border:1px solid #ddd; margin-top:3px;}

.m-yahoo { width:208px; height:auto; float:left; margin:10px;}
.tt-m-yahoo { width:208px; height:35px; float:left; background:url(../images/bg-ttinright.jpg) no-repeat;}
.tt-m-yahoo > p { font-weight:bold; color:#333; line-height:35px; display:block; padding-left:40px;}
.yahoo { width:104px; height:auto; float:left; margin-top:5px;}
.yahoo > ul { list-style:none;}
.yahoo > ul > li { width:104px; height:auto; float:left; margin-top:10px; padding-bottom:1px;}
.yahoo > ul > li > a { width:104px; height:auto; float:left; margin-top:8px; padding-bottom:8px;}
.yahoo > ul > li > a > img { display:block; margin:0 auto;}
.yahoo > ul > li > p { color:#333; text-align:center; line-height:25px;}
.skype { width:104px; height:auto; float:left; margin-top:5px;}
.skype > ul { list-style:none;}
.skype > ul > li { width:104px; height:auto; float:left; margin-top:10px;}
.skype > ul > li > a > img { display:block; margin:0 auto;}
.skype > ul > li > p { color:#333; text-align:center; line-height:25px;}

.tiendung { width:208px; float:left; background:#c7dfea; margin:10px; position:relative;}
.che-1 { width:7px; height:7px; position:absolute; top:0; left:0; background:url(../images/che-1.jpg) no-repeat;}
.che-2 { width:7px; height:7px; position:absolute; top:0; right:0; background:url(../images/che-2.jpg) no-repeat;}
.che-3 { width:7px; height:7px; position:absolute; bottom:0; right:0; background:url(../images/che-3.jpg) no-repeat;}
.che-4 { width:7px; height:7px; position:absolute; bottom:0; left:0; background:url(../images/che-4.jpg) no-repeat;}
.tiendung > ul { list-style:none; width:168px; height:auto; padding:30px 20px 40px 20px; float:left;}
.tiendung > ul > li { width:133px; height:auto; float:left; padding-left:15px; margin-top:10px; margin-left:20px; background:url(../images/icon-8.png) no-repeat top left;}
.tiendung > ul > li > a { font-weight:bold; color:#005277;}

.quangcao { width:230px; float:left;}
.quangcao > a { float:left; display:block; margin-top:10px;}
.quangcao > a > img { max-width:230px;}

.thongke { width:230px; height:auto; float:left; margin-top:10px;} 


.footer { width:100%; float:left; background:url(../images/bg-footer.jpg) repeat; margin-top:10px;}
.infooter { width:100%; float:left; background:url(../images/bg-infooter.jpg) repeat-x top;}
.Footer { width:1000px; margin:0 auto;}


.boxfooter { width:300px; height:150px; float:left; margin-top:8px; padding-right:2px; background:url(../images/icon-4.png) no-repeat top right;}
.tt-boxfooter { width:300px; height:32px; float:left; background:url(../images/tt-boxfooter.png) no-repeat;}
.tt-boxfooter > p { font-weight:bold; color:white; text-align:center; display:block; line-height:32px; text-transform:uppercase;} 
.cc-boxfooter { width:300px; height:auto; float:left;}
.cc-boxfooter > ul { list-style:none; margin-top:10px;}
.cc-boxfooter > ul > li { width:200px; padding:5px 50px 6px 50px; background:url(../images/icon-5.png) no-repeat bottom center;}
.cc-boxfooter > ul > li.last { background:none;}
.cc-boxfooter > ul > li > a { width:165px; padding:5px 0 5px 35px; background:url(../images/icon-6.png) no-repeat top left;}
.cc-boxfooter > ul > li > a > span { color:white;}
.cc-boxfooter > ul > li:hover > a > span { text-decoration:underline;}


.prodetail { background:white; width:738px; height:auto; float:left; margin:10px; margin-bottom:0;}
.prodetail > ul { list-style:none;}
.prodetail > ul > li.tit { float:left; width:738px; height:auto; float:left; padding:10px 0;}
.prodetail > ul > li.tit > p { color:#09F; font-size:16px; display:block; padding-left:10px; font-weight:bold;}
.prodetail > ul > li.pic { width:auto; float:left; border:1px solid #ddd; margin-left:10px;}
.prodetail > ul > li.pic > img { max-width:300px; height:auto; float:left; margin:10px;}
.prodetail > ul > li.tom { width:380px; height:auto; float:right;}
.prodetail > ul > li.tom > a { font-weight:bold; color:red; padding:5px 0; display:block;}
.prodetail > ul > li.tom > p { font-weight:bold; color:#333; padding:5px 0; display:block;}
.prodetail > ul > li.tom > span { color:#333; width:380px; float:left; padding:1px 0 3px 10px;}
.prodetail > ul > li.gia { width:380px; height:auto; float:right;}
.prodetail > ul > li.gia > p { font-weight:bold; color:red; font-size:16px; padding:20px 0;}
.prodetail > ul > li.nut-xem { width:122px; height:32px; float:right; background:url(../images/xem.png) no-repeat; margin-right:125px;}
.prodetail > ul > li.nut-xem > a { font-weight:bold; color:white; display:block; line-height:32px; text-align:center;}
.prodetail > ul > li.nut-mua { width:122px; height:32px; float:right; background:url(../images/mua.png) no-repeat; margin-right:10px;}
.prodetail > ul > li.nut-mua > form > a { font-weight:bold; color:white; display:block; line-height:32px; text-align:center;}
.prodetail > ul > li.mot { width:738px; height:auto; float:left; margin-top:10px;}
.prodetail > ul > li.mot > a { font-weight:bold; color:#333; padding-bottom:10px; padding-left:10px;}
.prodetail > ul > li.mot > p { color:#333; margin-top:5px; padding-bottom:5px; padding-left:10px;}

/*td, th {
display: table-cell;
vertical-align: inherit;
border:1px solid #333;
}
tr[Attributes Style] {
height: 20px;
border:1px solid #333;
}
td, th {
display: table-cell;
vertical-align: inherit;
border:1px solid #333;
}
td, th {
display: table-cell;
vertical-align: inherit;
border:1px solid #333;
}
table { border:1px solid #333;}*/
.details{
	text-align:justify;
	line-height:20px;
	min-height:800px;
	border:1px solid #99c3cf;
	padding:40px 10px;
	
}
.details li{
	margin-left:40px;
	
}
.input-text, textarea {
    -moz-border-radius: 2px 2px 2px 2px;
    border: 1px solid #BBBBBB;
    color: #999999;
    display: block;
    font: 12px/18px Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif;
    padding: 3px 4px;
    position: relative;
    text-shadow: 0 0 1px #FFFFFF;
    width: 250px;
    z-index: 2;
}
./*** site map***/
.sitemap{width:100%}
 .sitemap ul{margin:0}
.sitemap li{background: url(../images/ico_li_01.gif) no-repeat scroll 0 2px transparent; font-weight:bold; margin:0 0 10px 10px; padding:0 0 0 30px; list-style:none}
.sitemap li li{font-weight:normal; margin:10px 0}
.sitemap a{color:#175200}
.sitemap a:hover{color:#d4241a}
/**** tin tuc***/
/*category*/
		
.new_img{float: left; margin: 10px;}
.detail_new {clear: left; border-bottom: 1px dotted rgb(153, 153, 153);
}
/**********************/
	.otherNews{width:100%; background:url(../images/bgd_line_03.gif) 0 0 repeat-x; padding:15px 0 0 0; margin:25px 0 0 0;}
	.otherNews h3 span{background:#fff; padding:0 5px 0 0; color:#d10b00; font-weight:bold}
	.otherNews ul{padding:0; margin:0; width:100%}
	.otherNews li{list-style:none; background:url(../images/ico_arrow_01.gif) 0 6px no-repeat; padding:0 0 0 15px; margin:0 0 0px 0; clear:both;}
	.otherNews li a{color:#000; /*display:block; */white-space:pre;}
	.otherNews li a:hover{color:#d10b00}
	.otherNews li span{padding:0 0 0 20px; color:#4e4e4e; font-style:italic; /*float:left */; text-align:left; /*display:block;*/ white-space:nowrap}
.shoppingBag {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
.shoppingBag input {
    height: 15px;
    width: 40px;
}
.shoppingBag input.box3 {
    border: medium none;
    height: 15px;
    width: 15px;
}
.shoppingBag table {
    background: none repeat scroll 0 0 #C2C2C2;
    margin: 0 0 10px;
}
.shoppingBag th {
    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    padding: 7px 5px;
    text-align: center;
}
.shoppingBag td {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.shoppingBag .bgType td {
    background: none repeat scroll 0 0 #EFF8FD;
}
.shoppingBag .first {
    padding: 0;
    text-align: right;
}
	
.total {
    overflow: hidden;
    width: 100%;
}
.total p {
    background: none repeat scroll 0 0 #E0E0E0;
    clear: both;
    color: #000000;
    float: right;
    font-weight: normal;
    margin: 0;
    padding: 5px 20px 5px 5px;
    width: 35%;
}
.basketInfo {
    margin: 0 0 10px;
    width: 100%;
}
.basketInfo td strong {
    color: #666C6F;
    text-transform: uppercase;
}
.basketInfo td img {
    border: 1px solid #C6CACB;
}
.basketInfo td input {
    width: 37px;
}
.basketInfo td.first {
    text-align: center;
}
.basketInfo td.first input {
    border: medium none;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}
.basketInfo .total {
    color: #D10B00;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.basketInfo td.col {
    background: none repeat scroll 0 0 #ECF2F4;
    text-align: center;
}	
/*tuyen dung*/
	.otherNews1{width:100%;padding:15px 0 0 0;}
	.otherNews1 h3 span{background:#fff; padding:0 5px 0 0; color:#d10b00; font-weight:bold}
	.otherNews1 ul{padding:0; margin:0; width:100%}
	.otherNews1 li {
		background: url(../images/ico_arrow_01.gif) no-repeat scroll 3px 7px transparent;
		clear: both;
		list-style: none outside none;
		margin: 11px 0 7px;
		padding-left: 15px;
	}
	.otherNews1 li a {
    color: #C90336;
    font-weight: bold;
    margin-right: 15px;
    white-space: pre;
}
	.otherNews1 li a:hover{color:#d10b00}
	.otherNews1 li span{padding:0 0 0 20px; color:#4e4e4e; font-style:italic; float:left ; text-align:left; display:block; white-space:nowrap}
.btn2 {
    display: block;
	text-align:center;
    margin: 13px 0 0 130px;
    width: 100%;
}
.btn2 .btnType2 {
    display: block;
    float: left;
    padding: 0 0 0 5px;
}

.btn2 .btnType2 .hidden {
    background: none repeat scroll 0 0 transparent;
}	
	/******************hop tac********************/
	#colright {
    color: #333333;
    float: left;
    margin: 17px 25px 17px 30px;
    text-align: left;
    width: 675px;
}
.mauxam {
    color: #636363;
}
fieldset {
    border: 0 none;
    padding: 0;
}
label {
    display: inline;
}
.maudo {
    color: #C90336;
}
.indam{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
	}
.banggia  h2{ 
	background: url(../images/bg_title_banggia.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 30px;
	padding: 5px 0px;
	margin-top: 10px;
	text-align: left;
	padding-left: 80px;
	font-size: 14px;
	line-height: 20px;
}